<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>game 1</title>
    <style media="screen">
        canvas {
            border: 1px rgb(0, 0, 0) solid;
        }
    </style>
    <script src='guagame/utils.js'></script>
    <script src='main.js'></script>

    <script src='guagame/guagame.js'></script>
    <script src='guagame/gua_scene.js'></script>
    <script src='guagame/gua_image.js'></script>
    <script src='guagame/gua_partical_system.js'></script>
    <script src='guagame/gua_animation.js'></script>

    <script src='scene/title/scene_title.js'></script>
    <script src='scene/title/bird.js'></script>
    <script src='scene/title/ground.js'></script>
    <script src='scene/title/pipe.js'></script>

    <script src='scene/main/scene.js'></script>
    <script src='scene/main/nes.js'></script>

    <script src='scene/editor/scene_editior.js'></script>

    <script src='scene/end/scene_end.js'></script>


    <script src='config.js'></script>
    <script src='marios-data.js'></script>
</head>

<body>
    <form name="uploadForm">
        <p><input id="upload-config" type="file" name="config_file" onchange="load_config_file();" multiple> selected files: <span id="fileNum">0</span>; total size: <span id="fileSize">0</span></p>
        <p><input type="submit" value="Send file"></p>
    </form>
    <canvas id="id-canvas" width="270" height="370"></canvas>

    <!-- <button id=id-add-block>添加砖块</button>
    <hr>
    <textarea id='id-items-json' rows="15" cols="50"></textarea>
    </form> -->
    <div>
        <!-- <textarea id='id-text-log' rows="15" cols="50"></textarea> -->
    </div>
    
    <div class="gua-controls">
        <button class="gua-debug">enable debug</button>
        <!-- <label>
            <input class="gua-auto-slider" type="range" 
                value=""
                data-value="config.player_speed"
                >
            玩家速度: <span class="gua-label"></span>
        </label> -->
    </div>
    <script>


        // bindAll('.gua-auto-slider', 'input', function(event) {
        //     var target = event.target
        //     var bindVar = target.dataset.value
        //     var v = target.value
        //     eval(bindVar + "=" + v)

        //     var label = target.closest('label').querySelector('.gua-label')
        //     label.innerText = v
        // })

            // 控制速度
            // document.querySelector('#id-input-speed').addEventListener('input', function(event) {
            //     var input = event.target
            //         // log('event', event.target)
            //     window.fps = Number(input.value)
            // })




        __main()
    </script>
</body>

</html>